<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="node_modules/cesium/Build/Cesium/Cesium.js"></script>
    <link rel="stylesheet" href="node_modules/cesium/Build/Cesium/Widgets/widgets.css">
    <title>Document</title>
    <style>
        #cesiumContainer {
            width: 100vw;
            height: 100vh;
            overflow: hidden;
        }
    </style>
</head>

<body>
<div id="cesiumContainer"></div>
<script>
    //viewer是所有api的入口
    const viewer = new Cesium.Viewer('cesiumContainer');

  /*  const esri = new Cesium.ArcGisMapServerImageryProvider({
        url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
        enablePickFeatures: false,
    });
    Cesium.Ion.defaultAccessToken = '<your cesium token>'
    //viewer是所有api的入口
    const viewer = new Cesium.Viewer('cesiumContainer', {
        //默认的谷歌地图影像  这里修改为esri的影像图层
        imageryProvider: esri,

        //地形图层TerrainProvider
        terrainProvider: Cesium.createWorldTerrain({
            //水面特效
            requestWaterMask: true,
        }),
    });*/
</script>
</body>
</html>